<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Digital News - Login</title>
        <meta name="description" content="Logueo para suscriptores">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <div>
            <header>
                <div id="logo">
                    <a href="#">
                        <img src="img/Digital News - Logo.png" alt="Digital News" height="100">
                    </a>
                    <h1>Digital News</h1>
                </div>
            </header>
        </div>
        <div id="formulario">
            <section id="formp">
                <form  action="login.php" method="POST" >
                    <label for="Usuario">Usuario: </label>
                    <input name="Usuario" type="text" autocomplete placeholder="Ingrese su Usuario" required="4" max="10"/>
                    <br/>
                    <label for="Contraseña">Contraseña: </label>
                    <input name="contra" type="password" required/>
                    <p><font size=2><a href="#">¿Olvidaste tu contraseña?</a> / <a href="Registro.html">Registrarse</a></font></p>
                    <br/>
                    <button id="boton"><span aria-hidden="true"></span><b>Iniciar Sesión</b></button>
                </form>
            </section>
            <section id="siguenos">
                <a href="#">
                    <img src="img/siguenosFB.png" height="85">
                </a>
                <a href="#">
                    <img src="img/siguenosTW.png" height="100">
                </a>
            </section>
        </div>
        <footer>Desarrollado por AtolitoWeb</footer>
        <!-- <script language="JavaScript">
            var mdo, mdr, res;
            mdo = 5;
            for (mdor=1;mdor<=10;mdor++){
                res = mdo*mdor;
                document.write(mdo + " * " + mdor + " = " + res + "<br/>");
            }
        </script>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="js/main.js"></script> -->
    </body>
</html>
